<template>
  <v-container class="pa-0">
    <base-subheading>标签</base-subheading>

    <v-chip
      v-for="(category, i) in categories"
      :key="i"
      class="mr-4 mt-8"
      color="secondary"
      label
      small
      tag
      text-color="white"
    >
      {{ category.text }}
    </v-chip>
  </v-container>
</template>

<script>
  // Utilities
  import { mapGetters } from 'vuex'

  export default {
    name: 'Tags',

    computed: {
      ...mapGetters(['categories']),
    },
  }
</script>
